body {
    background-image: url('../img/bg.png');
    font-family: Calibri;
}

#main-container {
    width: 920px;
    margin: 0 auto;
}

div#header-block {
    height: 60px;
    -webkit-opacity: .20;
    opacity: .20;
    width: 100%;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: 0px 7px 21px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 7px 21px rgba(50, 50, 50, 1);
    box-shadow: 0px 7px 21px rgba(50, 50, 50, 1);
    margin-bottom: 30px;
}

div#logo {
    position: absolute;
    top: 14px;
    float: left;
    margin-left: 20px;
    font-size: 28px;
    color: #555555;
    text-shadow: 2px;
}



input[type='text'], textarea, button {
    border: 1px solid #dddddd;
    background-color: #f3f3f3;
    color: #252525;
}

input#link, textarea#output-pattern, #parse-button {
    padding: 5px;
    font-size: 12px;
    font-weigth: bold;
    width: 400px;
}

textarea#output-pattern {
    height: 500px;
}